@charset "utf-8";
@import "utils";

/*@import "reset";*/


/*@import "common";*/

html,
body {
    //  width: 100%;
    //  height: 100%;
}

.Goods_received_web {
    @include web;
    // 头部引入
    //主体
    section {
        @include midContent;
        //订单信息
        .Order_information {
            width: 100%;
            margin: 0 auto;
            font-size: 0;
            //          margin-left: r(20);
            margin-top: r(30);
            padding-bottom: r(27);
            border-bottom: 1px solid #f1f1f1;
            &>ul {
                width: 100%;
                &>li {
                    width: 24.7%;
                    height: r(117);
                    background: #f8f8f8;
                    text-align: center;
                    padding-bottom: r(10);
                    display: inline-block;
                    vertical-align: top;
                    margin-right: r(2);
                    >a {
                        >div {
                            margin-top: r(20);
                            width: r(30);
                            height: r(49);
                            display: inline-block;
                            img {
                                width: 100%;
                            }
                        }
                        &>p {
                            color: #d69782;
                            font-size: r(17+8);
                            margin-top: r(10);
                        }
                    }
                }
                &>li:nth-child(2) {
                    &>a {
                        &>div {
                            margin-top: r(32);
                            width: r(48);
                            height: r(37);
                        }
                    }
                }
                &>li:nth-child(3) {
                    &>a {
                        &>div {
                            margin-top: r(15);
                            width: r(39);
                            height: r(55);
                        }
                    }
                }
                &>li:nth-child(4) {
                    &>a {
                        &>div {
                            margin-top: r(28);
                            width: r(45);
                            height: r(42);
                        }
                    }
                }
            }
        }
        .section_content {
            //确认收货
            .order_for_goods {
                width: 100%;
                //              margin-left: r(20);
                margin-top: r(35);
                margin-bottom: r(20);
                overflow: hidden;
                .goods_top {
                    overflow: hidden;
                    margin-top: r(20);
                    .order_number {
                        display: inline-block;
                        p {
                            color: #d69782;
                            font-size: r(20+8);
                        }
                    }
                }
                .order_goods {
                    font-size: 0;
                    margin-top: r(15);
                    width: 100%;
                    background: #f6f6f6;
                    overflow: hidden;
                    .order_goods_left {
                        vertical-align: top;
                        display: inline-block;
                        &>div {
                            margin: r(15) r(25) r(15) r(20);
                            width: r(160);
                            height: r(160);
                            @include aImg;
                        }
                    }
                    .order_goods_right {
                        width: r(480);
                        overflow: hidden;
                        display: inline-block;
                        position: relative;
                        .goods_right_top {
                            width: r(350);
                            margin-top: r(10);
                            overflow: hidden;
                            p {
                                color: #7c7c7c;
                                margin-top: r(10);
                                font-size: r(19+8);
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                        .Payment_already {
                            position: absolute;
                            top: r(30);
                            right: r(0);
                            width: 45%;
                            text-align: right;
                            overflow: hidden;
                            p {
                                color: 666666;
                                font-size: r(18+8);
                            }
                        }
                        .goods_right_bottom {
                            margin-top: r(-50);
                            text-align: right;
                            p {
                                color: #535353;
                                font-size: r(13+8);
                            }
                            span {
                                margin-top: r(5);
                                color: #a5a5a5;
                                font-size: r(11+8);
                            }
                        }
                    }
                }
                //按钮
                .place_order_right {
                    float: right;
                    display: inline-block;
                    padding: r(10) r(20);
                    //                  width: r(145);
                    //                  height: r(50);
                    //                  line-height: r(50);
                    background: #e39d88;
                    text-align: center;
                    margin-top: r(20);
                    a {
                        display: block;
                        color: #fff;
                        font-size: r(19+8);
                    }
                    a:hover {
                        background: #fff;
                        opacity: .4;
                        color: #000;
                    }
                }
            }
        }
    }
    //  尾部样式引入
}